<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-08-28 16:21:26
 * @LastEditTime: 2020-03-11 18:05:11
 * @LastEditors: Please set LastEditors
 -->
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/vant.css">
    <link rel="stylesheet" type="text/css" href="../../css/base.css" />
    <script type="text/javascript" src="../../script/jquery.js"></script>
    <script type="text/javascript" src="../../script/layer/mobile/layer.js"></script>
    <script type="text/javascript" src="../../script/vue.min.js"></script>
    <script src="../../script/vant.min.js"></script>
    <script type="text/javascript" src="../../script/fastclick.js"></script>
    <script type="text/javascript" src="../../script/base.js"></script>
    <style type="text/css">
        body {
            background: rgba(0, 0, 0, .6);
        }

        .init-full {
            position: relative;
        }

        #app {
            border-radius: 6px;
            background: #fff;
            overflow: hidden;
            box-shadow: 0 0 5px rgb(200, 198, 198);
            height: 100%;
            width: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }
        .van-swipe{
            height: 100%;
        }
        .yd{
            height: 100%;
            position: relative;
        }
        .yd img{
            width: 100%;
            height: 100%;
        }
        .lj{
            /* background: red; */
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom:3%;
            width: 35%;
            height: 5%;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak >
        <div class="init-full">
            <div style="height:100%">

                <van-swipe indicator-color="white" :stop-propagation="false" style="height:100%;">
                    <van-swipe-item>
                        <div class="yd"><img src="../../image/guide/1.png"></div>
                    </van-swipe-item>
                    <van-swipe-item>
                        <div class="yd"><img src="../../image/guide/2.png"></div>
                    </van-swipe-item>
                    <van-swipe-item>
                        <div class="yd"><img src="../../image/guide/3.png"></div>
                    </van-swipe-item>
                    <van-swipe-item>
                        <div class="yd">
                            <img src="../../image/guide/4.png">
                            <div class="lj" @click="closeFrame"></div>
                        </div>
                    </van-swipe-item>
                </van-swipe>

            </div>
        </div>
</body>

<script type="text/javascript">
    var vm;
    apiready = function () {
        //$('.init-full').show();
        vm = new Vue({
            el: '#app',
            data: {
                showLoading: false
            },
            created: function () {

            },
            methods: {
                closeFrame() {
                    window.localStorage.setItem('ifGuide','1');
                    setTimeout(function () {
                        api.closeFrame();
                    }, 600)

                },
            }
        })
    };
</script>

</html>